<template>
	<!-- <div class="c-delete" @click="del" @mouseenter="show = false" @mouseleave="show = true"> -->
	<div class="c-delete" @click="del">
		<!-- <transition name="el-fade-in-linear" mode="out-in">
			<span key="1" v-if="show" style="color:#F12828"> 删除 </span>
			<span key="2" v-else>
				<icon-svg class="z" name="del_btn"></icon-svg>
			</span>
		</transition> -->
		<span key="1" style="color:#F12828"> 删除 </span>
	</div>
</template>
<script>
export default {
	data() {
		return {
			show: true
		};
	},
	methods: {
		del() {
			this.$emit('del');
		}
	}
};
</script>
<style lang="scss" scoped>
.c-delete {
	cursor: pointer;
	display: inline-block;
	width: 28px;
	margin-left: 10px;
	text-align: center;
	:hover {
		opacity: 0.7;
	}
	font-size: $font12;
}
</style>
